// tab 选项
.tabs{
   &_title{
       display: flex;
       &_item{
           flex: 1;
           display: flex;
           justify-content: center;
           align-items: center;
           padding: 20rpx 0;
       }
       .active{
           font-weight: bold;
           position: relative;
            &::before{
                content: "";
                position: absolute;
                bottom:0;
                height: 5rpx;
                // width: 80%;
                // 把 width: 80%; 换成  left: 10%; right:10%;
                // 通过定位属性拉伸出一个百分比盒子
                left: 10%;
                right:10%;
                background-color: #eb4450;
            }
        }
   } 
}
// 3.0 商品列表
.goods{
    display: flex;
    padding: 20rpx;
    &_image{
        width: 190rpx;
        height: 190rpx;
        margin-right: 20rpx;
    }
    &_info{
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;   
    }
    &_name{
        font-size: 24rpx;
        overflow: hidden;            
        text-overflow: ellipsis ;           
        display: -webkit-box ;           
        -webkit-line-clamp: 2;            
        -webkit-box-orient: vertical;
    }
    &_price{
        font-size: 32rpx;
        color: #eb4450;
        &::before{
            content: "¥";
            font-size: 80%;
        }
    }
}